sankofaVolunteer = {
     
    // Set twitter username, number of tweets & id/class to append tweets

    // core function of jqtweet
    // Add volunteer to table under volunteer edit
    addVolunteers: function(i) {
        $.ajax({
            url: 'http://localhost:4567/volunteers',
            type: 'POST',
            dataType: 'json',

            data:{
            //     vlastname:"Hoppe",
            //     vfirstname:"Michael",
            //     vprefix:"none",
            //     vsuffix: "none",
            //     vage: "20",
            //     vemail: "mhoppe.gmail@my.centenary.edu",
            //     vgender: "Male",
            //     vrace: "white",
            //     vwebsite: "blah"

                vlastname: $('#vlastname'+i).val(),
                vfirstname: $('#vfirstname'+i).val(),
                vhours: $('#vhours'+i).val(),
                vage: $('#vage'+i).val(),
                vemail: $('#vemail'+i).val(),
                vgender: $('#vgender'+i).val(),
                vrace: $('#vrace'+i).val(),
                vaddress: $('#vaddress'+i).val(),
                vphonenumber: $('#vphonenumber'+i).val(),
                vwebsite: $('#vwebsite'+i).val(),
            },
            //Post into squlite3
            success: function(data, textStatus, xhr) {
                console.log('Load was performed.');


                
            //   window.location = "addvolunteer.html";
            //   var html =  '<div class="tweet">TWEET_TEXT<div class="time">AGO</div>';
            //   $(sankofaVolunteer.appendTo).append( html.replace('TWEET_TEXT', data[i].text)
            // .replace('AGO', data[i].created_at)
              
            },
            error: function(jqXHR, textStatus, errorThrown) {
              console.log("somethig went wrong");
              console.log(textStatus);
            }
        });
    },

            
//       $(JQTWEET.appendTo).append("<div>SUCCESS</div>" + data.length);    

               
         
      //            // append tweets into page
      //            for (var i = 0; i < data.length; i++) {
      //               $(sankofaVolunteer.appendTo).append(
      //                   html.replace('TWEET_TEXT', data[i].text)
      // .replace('AGO', data[i].created_at)
      //               );
            //      }                  

            // }   

         // });
      

    //Load Volunteers onto the page
    loadVolunteer: function(id) {
        $.ajax({
            url: 'http://localhost:4567/volunteers',
            type: 'GET',
            dataType: 'json',

            

            success: function(data, textStatus, xhr)
            
              {
                //function addTableRow(table)
                
                // clone the last row in the table
                 //var $tr = $('#volunteernametable').find("tbody tr:last").clone();
                 //$tr.find("input").attr("value","");
             
                // get the name attribute for the input and select fields
                //var dataa = ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight'];
                
                for (i = 0; i < data.length; i++){
                    //make the td
                // var $td = $('<td></td>').addClass("volunteers_col-1").attr('id', 'lastname'+i)
                // var $tda = $('<td></td>').addClass("volunteers_col-2").attr('id', 'firstname'+i)
                // var $tdb = $('<td></td>').addClass("volunteers_col-3").attr('id', 'age'+i)
                // var $tdc = $('<td></td>').addClass("volunteers_col-4").attr('id', 'email'+i)
                // var $tdd = $('<td></td>').addClass("volunteers_col-5").attr('id', 'gender'+i)
                // var $tde = $('<td></td>').addClass("volunteers_col-6").attr('id', 'race'+i)
                // var $tdf = $('<td></td>').addClass("volunteers_col-7").attr('id', 'address'+i)
                // var $tdg = $('<td></td>').addClass("volunteers_col-8").attr('id', 'hours'+i)
                // var $tdg = $('<td></td>').addClass("volunteers_col-9").attr('id', 'website'+i)

                // var $tr = $('<tr></tr>').append($td,$tda,$tdb,$tdc,$tdd,$tde,$tdf,$tdg).addClass("a_volunteer_row").attr("id","a_volunteer_row"+i).attr("onclick","takemetoinfo("+i+")")
               
                var $a = $('<div></div>').addClass("last").addClass("col-1").attr('id', 'name'+data[i].vid)
                var $b = $('<div></div>').addClass("col-2").attr('id', 'age'+data[i].vid)
                var $c = $('<div></div>').addClass("col-3").attr('id', 'race'+data[i].vid)
                // var $d = $('<div><s/div>').addClass("col-4").attr('id', 'hours'+data[i].vid)
                var $e = $('<div></div>').addClass("col-4").attr('id', 'email'+data[i].vid)
                var $f = $('<div></div>').addClass("col-1").attr('id', 'address'+data[i].vid)
                var $i = $('<div></div>').addClass("col-2").attr('id', 'gender'+data[i].vid)
                var $j = $('<div></div>').addClass("col-3").attr('id', 'phonenumbers'+data[i].vid)
                var $k = $('<div></div>').addClass("first").addClass("col-4").attr('id', 'website'+data[i].vid)

                var $row = $('<div></div>').addClass("row").append($a,$b,$c,$e,$f,$i,$j,$k).attr("id","row"+i ).attr("onclick","takemetoinfo("+data[i].vid+")")


          
               var isNull = function(argument) {
                    if(argument === null){
                      return "na";
                    }
                      return argument;
                }

               $("#info").append($row)

               $('#info').find("#name"+data[i].vid).html(data[i].vlastname + ", " + data[i].vfirstname)
               $('#info').find("#age"+data[i].vid).html(data[i].vage)
               $('#info').find("#race"+data[i].vid).html(data[i].vrace)
               // $('#info').find("#hours"+data[i].vid).html(data[i].vhours)
               $('#info').find("#email"+data[i].vid).html(data[i].vemail)
               $('#info').find("#address"+data[i].vid).html(data[i].vaddress)
               $('#info').find("#gender"+data[i].vid).html(data[i].vgender)
               $('#info').find('#phonenumbers'+data[i].vid).html(data[i].vphonenumber)
               $('#info').find('#website'+data[i].vid).html(data[i].vwebsite)




    
            }

         
               
                    
                }
            });


            
                 //console.log("LOADED");
            }   


            }   
    

// $.urlParam = function(name){
//     var results = new RegExp('[\\?&amp;]' + name + '=([^&amp;#]*)').exec(window.location.href);
//     return results[1] || 0;
// }

$(document).ready(function () {
    //JQTWEET.loadTweets();
    sankofaVolunteer.loadVolunteer();
});



// Post
// {
// add:function(){
// $.ajax({
//   url:’/:pagename/:itemname’,
//   type: ‘post’
//   dataType:’jsonp’,
  
//   data: {
//     itemname:
//   }
// }
// }

// Put
// {
// edit: function(){
//   $.ajax({
//     url:’/:pagename/:itemname’,
//     type:’put’,
//     dataType:’jsonp’,
//     data:{
//       itemname: OBJ.name
      
//     }
//   })
// }

// Delete
//   {
//   delete:function(){
//     $ajax({
//       url: ‘/:pagename/:itemname’,
//       type: ‘DELETE’,
//       dataType: ‘jsonp’,
//     data:{
//       itemname: OBJ.name
      
//       }
// })
//   }
